$a('.span-title').forEach(function(v,i){
    v.addEventListener('click',function(){
        $a('.span-title').forEach(function(a,b){
            a.classList.remove('colorbdff')
            a.classList.remove('spanafter')

            
            $a('.contents')[b].style.display='none'


        })
        v.classList.add('colorbdff')
        v.classList.add('spanafter')
        $a('.contents')[i].style.display='flex'




    })



})
// 手机号输入事件
$('#tel').addEventListener('input',function(){
   if(this.value){
    $('.img1').style.display='block'
   }else{
    $('.img1').style.display='none'
   }
})
// 点击按钮删除输入的账号
$('.img1').addEventListener('click',function(){
    $('#tel').value=''
    this.style.display='none'
})
// 密码输入事件
$('#password').addEventListener('input',function(){
    if(this.value){
     $('.img2').style.display='block'
    }else{
     $('.img2').style.display='none'
    }
 })
 // 点击按钮删除输入的密码
 $('.img2').addEventListener('click',function(){
    $('#password').value=''
    this.style.display='none'
})
// 验证手机号
let reg1=/^1[3|4|5|6|7|8|9][0-9]{9}$/
let reg2=/^[a-zA-Z0-9]{6,12}$/
let num=0;
$('#btn').addEventListener('click',function(e){
   
    
    if(! reg1.test($('#tel').value)){
      let timer =setInterval(function(){
        $('.meng').style.display="block"
        $('.meng').textContent='用户名格式不正确'
            ++num
            if(num>2){
                $('.meng').style.display="none"
                $('.meng').textContent=''
                clearInterval(timer)
                num=0
            }

        },1000)
        e.preventDefault()

    }else if(!reg2.test($('#password').value)){
        let timer2=setInterval(function(){
            $('.meng').style.display="block"
            $('.meng').textContent='密码格式不正确'
            ++num
            if(num>2){
                $('.meng').style.display="none"
                $('.meng').textContent=''
                clearInterval(timer2)
                num=0
            }



        },1000)
        e.preventDefault()
    }





    
})